<script setup>
defineProps({
  msg: {
    type: String,
    required: true,
  },
})
</script>

<template>
  <div class="ipr-page">
    <div class="ipr-content">
      <div class="bidding">
        <div class="binding-top">
          <img src="/assets/banner1.png" alt="">
          <div class="questions">
            <div class="title">
              <span></span>
              商标局建议：注册前先查询，有效降低风险
            </div>
            <div class="input-name">
              <span>商标名称或分类</span>
              <input type="text" placeholder="如：老干妈" name="keywords" class="keywords">
            </div>
            <div class="J-free-btn input-free-btn btn_modal" data-link="data-link">
              免费查询能否注册
            </div>
            <div class="swiper">
              <ul class="swiper">
                <li class="swiper-slide">
                  今日已为用户提供：19761次商标查询服务
                </li>

              </ul>
            </div>
          </div>
        </div>

        <!--及时注册 -->
        <div class="register">
          <div class="title">
            -为什么要及时注册-
          </div>
          <div class="register-box">
            <div class="redister-head J-register-head">
              <div class="active" data-index="0">及时注册</div>
              <div data-index="1">未及时注册</div>
            </div>

            <div class="register-content">
              <div class="content-one">
                <div class="title">
                  <span class="active">优势&nbsp;|</span> &nbsp;
                  <span>拥有在先申请权，商标注册成功率提高</span>
                </div>
                <p>-商标注册后你能享受到- </p>
                <ul class="content-list">
                  <li>
                    <img src="" alt="">
                    <p>品牌识别</p>
                    <span>
                      增加品牌辨识度和消费者的购买信心
                    </span>
                  </li>
                  <li>
                    <img src="" alt="">
                    <div></div>
                    <p>帮你赚钱</p>
                    <span>
                      商标注册成功后可转让、质押贷款等, 能赚钱
                    </span>
                  </li>
                  <li>
                    <img src="" alt="">
                    <div></div>
                    <p>法律保护</p>
                    <span>
                      获得商标唯一专用权，避免行业内恶性竞争
                    </span>
                  </li>

                  <li>
                    <img src="" alt="">
                    <div></div>
                    <p>入驻市场</p>
                    <span>
                      是企业入驻天猫京东、拓展消费市场的必备资质
                    </span>
                  </li>
                </ul>
                <div class="J-registerNow register-now">
                  <a href="javascript:void(0)" style="color:#fff">立即去注册</a>
                </div>
              </div>
              <div class="content-one hide">
                <div class="title">
                  <span class="active">劣势&nbsp;|</span>
                  <span>也许注册只晚一天，但是却失去了在先申
                  </span>
                  <div>请权。商标注册成功率大大降低，导致注册失败</div>
                </div>
                <p>-早一天注册享受商标权益，晚一天注册失去品牌名- </p>
                <div class="two-img">
                  <img src="" alt="">
                  <img src="" alt="">
                </div>
                <div class="J-registerNow register-now"><a href="javascript:void(0)" style="color:#fff">立即去注册</a></div>
              </div>
            </div>
          </div>
        </div>

        <!--商标注册流程 -->
        <div class="procedure">
          <div class="title">
            <h1>-商标注册流程解析-</h1>
            <p>轻松了解注册每一步</p>
          </div>
          <div class="procedure-box">
            <ul class="J-precedure-list nav-list">
              <li class="array-right active">
                <div>01</div>
                <span>商标查询</span>
              </li>
              <li class="array-right">
                <div>02</div>
                <span>商标申报</span>
              </li>
              <li class="array-right">
                <div>03</div>
                <span>形式审查</span>
              </li>
              <li class="array-right">
                <div>04</div>
                <span>实质审查</span>
              </li>
              <li class="">
                <div>05</div>
                <span>商标证书</span>
              </li>
            </ul>

            <div class="procedure-content">
              <div class="J-content" style="display: none;">
                <ul>
                  <li>
                    <div class="content-title">商标查询</div>
                    <div class="content-text">
                      <div class="content-words">商标局大数据+人工分析，检测近似商标，提高商标注册成功率</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">免费查询商标</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">商标代理委托书</div>
                    <div class="content-text">
                      <div class="content-words">办理商标注册申请，委托我们知识产权办理，准备商标代理委托书</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">查看委托书样本</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">商标注册申请书 </div>
                    <div class="content-text">
                      <div class="content-words">申请商标注册的必需文件，需按照统一格式正确填写</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">查看申请书样本</a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
              <div class=" hide J-content" style="display: none;">
                <ul>
                  <li>
                    <div class="content-title">快捷申报高效率
                    </div>
                    <div class="content-text">
                      <div class="content-words">日均可申报2000余件，最快24小时提交至商标局</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">查看流程一览表</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">资深顾问硬实力</div>
                    <div class="content-text">
                      <div class="content-words">500多名资深顾问为你量身制定注册方案，多维度审查商标</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">获取注册方案</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">平台透明可视化 </div>
                    <div class="content-text">
                      <div class="content-words">平台全程监控，实时跟踪最新注册进度；关键节点及时通知</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">最新进度查询</a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
              <div class=" hide J-content" style="display: none;">
                <ul>
                  <li>
                    <div class="content-title">申请书件审查</div>
                    <div class="content-text">
                      <div class="content-words">文件是否齐全、填写是否规范、签字/印章是否缺少</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">受理通知书样本</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">商标图样审查</div>
                    <div class="content-text">
                      <div class="content-words">对商标图样规格，清晰程度及必要的说明的审查</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">补正通知书样本</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">商标分类审查</div>
                    <div class="content-text">
                      <div class="content-words">对填报的商品及服务项目的审查</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">查看样本</a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
              <div class=" hide J-content" style="display: block;">
                <ul>
                  <li>
                    <div class="content-title">检索分析对比</div>
                    <div class="content-text">
                      <div class="content-words">通过资料检索，分析对比，调查研究，给予初步审定或驳回申请</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">查询商标显著性</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">绝对理由审查</div>
                    <div class="content-text">
                      <div class="content-words">审查申请的商标是否违反禁用条款、是否具有显著特征</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">了解禁用条例</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">相对理由审查 </div>
                    <div class="content-text">
                      <div class="content-words">审查申请的商标与在先权利是否的冲突，故也称新颖性审查</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">查询商标新颖性</a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
              <div class=" hide J-content" style="display: none;">
                <ul>
                  <li>
                    <div class="content-title">领取证书</div>
                    <div class="content-text">
                      <div class="content-words">商标局审查通过后，颁发商标注册证，知识产权为您时刻监控</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">商标下证通知</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">商标监控</div>
                    <div class="content-text">
                      <div class="content-words">100个流程全程监控，让你对商标进度了如指掌</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">商标进度查询</a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="content-title">商标侵权 </div>
                    <div class="content-text">
                      <div class="content-words">保护自己的品牌不被侵权，消除对商标造成的潜在危害</div>
                      <div class="J-btn brand-free-btn"><a href="javascript:void(0)" style="color:#1cc697">商标侵权检测</a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <!--专业品牌 -->
        <div class="brand">
          <div class="title">
            <h1>用我们的专业 成就您的品牌</h1>
            <p>为您打造更适合的服务</p>
          </div>
          <ul class="brand-list">
            <li data-link="139595">
              <div class="left-pic">
                <img src="/assets/a.jpg" alt="">
              </div>
              <div class="center-text">
                <h1>商标担保注册</h1>
                <p>转嫁注册风险，不成功退全款</p>
              </div>
              <div class="J-right-btn price-btn" data-link="0"> <a href="javascript:void(0)"
                  style="color:#fff">咨询优惠价格</a>
              </div>
            </li>
            <li data-link="139609">
              <div class="left-pic">
                <img src="/assets/b.jpg" alt="">
              </div>
              <div class="center-text">
                <h1>商标高通注册</h1>
                <p>超高成功率，注册不成功免费复审</p>
              </div>
              <div class="J-right-btn price-btn" data-link="0"> <a href="javascript:void(0)"
                  style="color:#fff">咨询优惠价格</a>
              </div>
            </li>
            <li data-link="139623">
              <div class="left-pic">
                <img src="/assets/c.jpg" alt="">
              </div>
              <div class="center-text">
                <h1>商标尊享注册</h1>
                <p>快速申报，全部驳回可享退款</p>
              </div>
              <div class="J-right-btn price-btn" data-link="0"> <a href="javascript:void(0)"
                  style="color:#fff">咨询优惠价格</a>
              </div>
            </li>
            <li data-link="139637">
              <div class="left-pic">
                <img src="/assets/d.jpg" alt="">
              </div>
              <div class="center-text">
                <h1>商标设计套餐</h1>
                <p>logo+商标+商标</p>
              </div>
              <div class="J-right-btn price-btn" data-link="0"> <a href="javascript:void(0)"
                  style="color:#fff">咨询优惠价格</a>
              </div>
            </li>
          </ul>
        </div>
        <!--常见问题 -->
        <div class="questions-bottom">
          <div class="title">
            <h1>更多商标注册常见问题<span class="J-more-questions"></span></h1>
            <p>申请商标不知所措，看这里</p>
          </div>
          <ul class="question-list">
            <li>
              <div><a href="javascript:void(0)" style="color:#999999">◆ 商标注册需要哪些材料？</a></div>
              <div class="J-array array-list"></div>
            </li>
            <li>
              <div><a href="javascript:void(0)" style="color:#999999">◆ 商标注册需要多久时间？</a></div>
              <div class="J-array array-list"></div>
            </li>
            <li>
              <div><a href="javascript:void(0)" style="color:#999999">◆ 商标注册所需费用是多少？</a></div>
              <div class="J-array array-list"></div>
            </li>
            <li>
              <div><a href="javascript:void(0)" style="color:#999999">◆ 商标注册不成功怎么办？</a></div>
              <div class="J-array array-list"></div>
            </li>
            <li>
              <div><a href="javascript:void(0)" style="color:#999999">◆ 多久可以拿到受理通知书？</a></div>
              <div class="J-array array-list"></div>
            </li>
          </ul>
        </div>

      </div>
      <p class="domain"
        style="color: #cccccc80;text-align: center;font-size: 12px;line-height: 30px;padding-top: 50px;">
      </p>
    </div>
  </div>
</template>

<style scoped></style>
